<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap.min.css"/>
		<link href="css/indext.css" rel="stylesheet" />
		<title>Xiao Shuo</title>
		<script src="bootstrap-4.6.2-dist/js/jquery-3.5.1.slim.min.js"></script>
		<script src="bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
		<div class="container">
			<nav class="navbar navbar-expand-sm bg-white navbar-light">
			<ul class="navbar-nav ml-auto">
				<a class="navbar-brand text-danger" href="#">起点中文网 </a>
			<form class="form-inline my-2 my-lg-0 ml-auto">
				<input class="form-control mr-sm-0" type="search" placeholder="search" aria-label="search"/>
				<button class="btn btn-danger mr-3 " type="search">搜索</button>
				<a href="#" class="mr-2">登录/注册</a>
			</form>
			</ul>
		</nav>
		</div>
		<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
			<div class="container">
			<ul class="navbar-nav">
				<li class="nav-item">
				<a class="nav-link" href="index.html">主页</a>
				</li>
				<li class="nav-item active">
				<a class="nav-link" href="#">排行</a>
				</li>
				<li class="nav-item">
				<a class="nav-link" href="index3.html">免费</a>
				</li>
				<li class="nav-item">
				<a class="nav-link" href="#">人气榜</a>
				</li>
				<li class="nav-item dropdown">
			        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
			          更多
			        </a>
			        <div class="dropdown-menu">
			          <a class="dropdown-item" href="#">Action</a>
			          <a class="dropdown-item" href="#">Another action</a>
			          <a class="dropdown-item" href="#">Something else here</a>
			        </div>
			      </li>
			</ul>
			</div>
		</nav>
		<div class="container">
			<div class="row mt-2">
				<div class="col-md-2 " style="font-size: 12px;">
					<ul class="nav nav-tabs">
						<li class="nav-item">
							<a class="nav-link active" data-toggle = "tab" href="male">男生</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" data-toggle = "tab" href="female">女生</a>
						</li>
					</ul>
					<div class="tab-content mt-2">
						<div class="mt-2"><a>分类</a></div>
						<div class="tab fade show active" id="male">
							<div class="mt-2">
							<a class="text-light bg-dark">全部</a>
							<a class="text-black-50" style="margin: 2px;">玄幻</a>
							<a class="text-black-50" style="margin: 2px;">奇幻</a>
							<a class="text-black-50" style="margin: 2px;">武侠</a>
							<a class="text-black-50" style="margin: 2px;">奇侠</a>
							</div>
							<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">都市</a>
							<a class="text-black-50" style="margin: 2px;">现实</a>
							<a class="text-black-50" style="margin: 2px;">军事</a>
							<a class="text-black-50" style="margin: 2px;">历史</a>
							<a class="text-black-50" style="margin: 2px;">游戏</a>
							</div>
							<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">体育</a>
							<a class="text-black-50" style="margin: 2px;">科幻</a>
							<a class="text-black-50" style="margin: 2px;">诸天无限</a>
							<a class="text-black-50" style="margin: 2px;">悬疑</a>
							</div>
							<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">轻小说</a>
							<a class="text-black-50" style="margin: 2px;">短篇</a>
							</div>
							<hr class="bg-white" />
							<div class="mt-2"><a>属性</a></div>
							<div class=" mt-2">
							<a class="text-light bg-dark">全部</a>
							<a class="text-black-50" style="margin: 2px;">免费</a>
							<a class="text-black-50" style="margin: 2px;">VIp</a>
							</div>
							<hr class="bg-white" />
							<div class="mt-2"><a>字数</a></div>
							<div class=" mt-2">
							<a class="text-light bg-dark">全部</a>
							<a class="text-black-50" style="margin: 2px;">30万字以下</a>
							<a class="text-black-50" style="margin: 2px;">30-50万字</a>
							</div>
							<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">50-100万字</a>
							<a class="text-black-50" style="margin: 2px;">100-200万字</a>
						</div>
						<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">200万字以上</a>
					</div>
					<hr class="bg-white" />
							<div class="mt-2"><a>品质</a></div>
							<div class=" mt-2">
							<a class="text-light bg-dark">全部</a>
							<a class="text-black-50" style="margin: 2px;">签约作品</a>
							<a class="text-black-50" style="margin: 2px;">精品小说</a>
							</div>
							<hr class="bg-white" />
							<div class="mt-2"><a>更新时间</a></div>
							<div class=" mt-2">
							<a class="text-light bg-dark">全部</a>
							<a class="text-black-50" style="margin: 2px;">三日内</a>
							<a class="text-black-50" style="margin: 2px;">七日内</a>
							<a class="text-black-50" style="margin: 2px;">半月内</a>
							<a class="text-black-50" style="margin: 2px;">一个月内</a>
							</div>
							<div class="mt-2"><a>标签</a></div>
							<div class=" mt-2">
							<a class="text-light bg-dark">全部</a>
							<a class="text-black-50" style="margin: 2px;">豪门</a>
							<a class="text-black-50" style="margin: 2px;">孤儿</a>
							<a class="text-black-50" style="margin: 2px;">盗贼</a>
							<a class="text-black-50" style="margin: 2px;">特工</a>
							</div>
							<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">杀手</a>
							<a class="text-black-50" style="margin: 2px;">黑客</a>
							<a class="text-black-50" style="margin: 2px;">老师</a>
							<a class="text-black-50" style="margin: 2px;">异能</a>
							<a class="text-black-50" style="margin: 2px;">诡异</a>
							</div>
							<div class="mt-2">
							<a class="text-black-50" style="margin: 2px;">手游</a>
							<a class="text-black-50" style="margin: 2px;">3D</a>
							<a class="text-black-50" style="margin: 2px;">冒险</a>
							<a class="text-black-50" style="margin: 2px;">废柴逆袭</a>
							</div>	
				</div>
			</div>			
					</div>
					<div class="col-md-10">
						<div class="row">
							<div class="col-md-6">
								<div class="row border">
						<div class="col-md-3"> <img src="img/yisgou.png"/ height="150px"></div>
						<div class="col-md-9">
										<p>书名：异兽迷城</p>
										<p>作者：澎湃</p>
									<dd class="text-truncate">高阳是个孤儿，六岁穿越到“平行世界”，从此生活在一个温馨的五口之家。
										 十八岁那年，高阳偶然发现世界真相：这里根本不是平行世界，而是一个神秘领域
										 ，身边的亲人朋友全是可怕的“兽”！
										发现真相的高阳差点被杀，关键时刻获得系统【幸运】——活得越久就越强！ 一场羔羊与狼的厮杀游戏由此展开……
									</dd>
						</div>
						</div>
						</div>
						<div class="col-md-6">
							<div class="row border">
						<div class="col-md-4"><img src="img/index.png" / height="150px"> </div>
						<div class="col-md-8">
							<p>书名：都重生了谁谈恋爱啊</p>
									<p>作者：错哪儿了</p>	
									<dd class="text-truncate">奋斗到三十八岁买不起房，要结婚得先付三十万彩礼，省吃俭用大半生，
										卷到肝都碎了，可是钱呢？钱到底被谁赚走了？
											怀带着无数怨气的江勤重生十八岁，睁开眼的唯一念头就是创业搞钱。
											第一步，先把送出去的情书抢回来，翻个面，在校花惊愕的眼神中写下三行字：
											现在打工是不可能打工的！
											只想财富自由，永不为奴！
											至于恋爱？那玩意儿狗都不谈！
									</dd>
						</div>
						</div>
						</div>
						</div>
						<div class="row mt-2 border">
							<div class="col-md-6">
								<div class="row border">
						<div class="col-md-3"> <img src="img/index2.png"/ height="150px"></div>
						<div class="col-md-9">
										<p>书名：深海余烬</p>
										<p>作者：远瞳</p>									
									<dd class="text-truncate">在那一天，浓雾封锁了一切。
											在那一天，他成为了一艘幽灵船的船长。
											在那一天，他跨过浓雾，直面了一个被彻底颠覆而又支离破碎的世界——昔日的秩序已经荡然无存，
											奇诡的异象主宰着文明社会之外的无尽海域，孤岛城邦与挑战大海的船队已然成为文明世界仅存的灯火
											而旧日的阴影却仍在幽邃深海中蠢蠢欲动，等待继续吞噬这个将亡未亡的世界。
											但对于失乡号的新船长而言，只有一个问题是他首先要考虑的——
											谁知道船咋开啊？！
									</dd>
						</div>
						</div>
						</div>
						<div class="col-md-6">
							<div class="row border">
						<div class="col-md-4"><img src="img/index1.png" / height="150px"> </div>
						<div class="col-md-8">
										<p>书名：诡秘之主</p>
									<p>作者：爱潜水的乌贼</p>	
									<dd class="text-truncate">蒸汽与机械的浪潮中，谁能触及非凡？
										历史和黑暗的迷雾里，又是谁在耳语？我从诡秘中醒来，睁眼看见这个世界：
									枪械，大炮，巨舰，飞空艇，差分机；魔药，占卜，诅咒，倒吊人，封印物……光明依旧照耀，
									神秘从未远离，这是一段“愚者”的传说。
									</dd>
						</div>
						</div>
						</div>
						</div>
						<div class="row mt-2 border">
							<div class="col-md-6">
								<div class="row border">
						<div class="col-md-3"> <img src="img/index4.png"/ height="150px"></div>
						<div class="col-md-9">
										<p>书名：灵境行者</p>
										<p>作者：卖报小郎君</p>										
									<dd class="text-truncate">
											星海漫游，时空穿梭，机械科技，目标是未知的星辰大海！
									</dd>
						</div>
						</div>
						</div>
						<div class="col-md-6">
							<div class="row border">
						<div class="col-md-4"><img src="img/index3.png" / height="150px"> </div>
						<div class="col-md-8">
										<p>书名：全职法师</p>
									<p>作者：乱</p>	
									<dd class="text-truncate">一觉醒来，世界巨变。
										藏匿于西湖下的图腾玄蛇，屹立时如摩天大厦。
										游荡在古都城墙外的亡灵大军，它们只听从皇陵下传出的低语。
										埃及金字塔中的冥王，它和它的部众始终觊觎着东方大地！
										伦敦有着伟大的驯龙世家。
										希腊帕特农圣山上，有神女祈福。
										威尼斯被誉为水系魔法之都。
										奈斯卡巨画从沉睡中苏醒。
										贺兰山风与雨侵蚀出的岩纹，组成一只眼，山脊是眶，数万年来凝视着上苍。
									</dd>
						</div>
						</div>
						</div>
						</div>
						<div class="row mt-2 border">
							<div class="col-md-6">
								<div class="row border">
						<div class="col-md-3"> <img src="img/index5.png"/ height="150px"></div>
						<div class="col-md-9">										
										<p>书名：神秘复苏</p>
										<p>作者：佛前献花</p>
									<dd class="text-truncate">我叫杨间，当你看到这句话的时候我已经死了......”
										一张诡异的羊皮卷，一只窥视黑暗的眼睛，这是一个活下来的人经历的故事。
									</dd>
						</div>
						</div>
						</div>
						<div class="col-md-6">
							<div class="row border">
						<div class="col-md-4"><img src="img/index6.png" / height="150px"> </div>
						<div class="col-md-8">
							<p>书名：吞噬星空</p>
									<p>作者：我吃西红柿</p>	
									<dd class="text-truncate">星空中。
							“这颗星球，通体土黄色，没有任何生命存在，直径21000公里，咦，竟然蕴含‘星泪金’矿脉，真是天助我也，
							将这颗星球吞噬掉后，我的实力应该能恢复到受伤前的80％。
							”脸色苍白的罗峰盘膝坐在一颗飞行的陨石上，遥看远处的一颗无生命存在的行星。
——————
									</dd>
						</div>
						</div>
						</div>
						</div>
				</div>
		</div>
		</div>
		<footer class="text-center bg-dark text-light w-100">
				<p class="mb-0">阅文集团旗下网站： 起点中文网 起点女生网 QQ阅读 阅文悦读 书单 庆余年专题站  
							关于起点 联系我们 加入我们 帮助与客服 举报中心 漏洞提交</p>
				<p> <span class="text-danger ">起点小说网</span>版权所有</p>
				<img src="img/111.png" />
		</footer>
	</head>
	<body>
	</body>
</html>
